// @charset 'utf-8';
@adapterDeviceList: 750px, 720px, 640px, 540px, 480px, 424px, 414px, 400px, 384px, 375px, 360px, 320px;
@deviceLen: length(@adapterDeviceList);
@baseFontSize: 100px;
@psdWidth: 750px;
@klcolor: #4dfa09 !important;

.adapterDevice(@index) when (@index > 0) {
  @media (min-width: extract(@adapterDeviceList, @index)) {
    html {
      font-size: @baseFontSize / @psdWidth * extract(@adapterDeviceList, @index);
    }
  }

  .adapterDevice(@index - 1);
}

.adapterDevice(@deviceLen);

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  // tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

input,
textarea {
  border: none;
  outline: none;
  resize: none;
  -webkit-appearance: none;
}

.clearfix::before,
.clearfix::after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}

.kl-active{
  background-color: white !important;
  color: @klcolor;
}
// @import 'var';
// @import 'mixin';
// @import 'adapter';
// @import 'reset';
